<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>报表-运营报表-运营报表-车辆行车记录分析</title>
    <script>
        var requireExtraPaths = {
            extrance: '../../../service_js/report/reportDrivingRecordAnaly'
        };
        var cssFileLoadArr = ['/content/css/sub/carAnaRecord.css'];
    </script>
    <jsp:include flush="true" page="../../base/base.jsp"></jsp:include>

</head>
<body>
<article class="site-col-extra overflow-a">
    <form id="formData">
        <div class="filter-layout clearfix">
            <div class="fliter-box2">
                <ul class="clearfix">
                    <li class="item">
                        <label class="label-text">选择日期：</label>

                        <div class="select-box select-box-large">
                            <input type="text" id="carAnaRecordBeginTime" onclick="WdatePicker()"
                                   data-validator="{required:true}" style="width: 100px" placeholder="请选择日期">
                            <span class="icon-date"></span>
                            <span class="icon-date icon-date-s"></span>
                        </div>
                    </li>
                    <li class="item"><a class="btn" id="recordAnalysisBtn">查询</a></li>
                </ul>
            </div>
        </div>
    </form>
    <div class="bus-record-pop">
        <div class="clearfix chart-wrap">
            <div class="car-record-panel clearfix">
                <div class="item1">
                    <div class="inner">
                        <h3>营<br>运<br>管<br>理</h3>

                        <div class="text-box">
                            <ul>
                                <li><span id="totRngMile"></span>运行里程</li>
                                <li><span id="totRngEnerCons"></span>运行能耗</li>
                                <li><span id="totRngOprtDura"></span>运行时长</li>
                            </ul>

                        </div>
                    </div>

                </div>
                <div class="item1">
                    <div class="inner">
                        <h3>故<br>障<br>统<br>计</h3>

                        <div class="text-box">
                            <ul>
                                <li><span id="ecu1count"></span>胎压</li>
                                <li><span id="ecu2count"></span>发动机</li>
                                <li><span id="ecu3count"></span>车身</li>
                            </ul>

                        </div>
                    </div>
                </div>
                <div class="item1">
                    <div class="inner">
                        <h3>行<br>为<br>统<br>计</h3>

                        <div class="text-box">
                            <ul>
                                <li><span id="bhv11count"></span>急加速</li>
                                <li><span id="bhv12count"></span>急减速</li>
                                <li><span id="bhv5count"></span>空档滑行</li>
                            </ul>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="chart-wrap clearfix">
            <div class="item">
                <div class="item-inner">
                    <div class="chart-box">
                        <h2 class="h2-s">车辆运行参数分析图</h2>

                        <div id="recordAnalysisChart"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</article>
</body>
</html>